<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<style type="text/css">
#myGgongT {
	border: 1px solid #666666;
	width: 100%;
}
#myGgongT td {
	border: 1px solid #eeeeee;
}
</style>

<script src="resources/js/paging/paging.js"></script>
<script type="text/javascript">
$(function() {
	setPage({
		page: $("#page").val(),
		totalCount: $("#totalCount").val(),
		naviId: "naviPage",
		funcName: "getMyGgong"
	});
});

</script>

</head>
<body>

<c:if test="${fn:length(myGgongList) > 0 }">
<input type="hidden" id="page" value="${page }"/>
<input type="hidden" id="totalCount" value="${total }"/>

<table id="myGgongT" cellpadding="5" cellspacing="0">
	<tr class="table_title">
		<td width="20%">날짜</td>
		<td width="40%">상세내역</td>
		<td width="15%">꽁 적립</td>
		<td width="15%">꽁 차감</td>
		<td width="10%">비고</td>
	</tr>
	<c:forEach var="list" items="${myGgongList }">
		<tr>
			<td>${list.handledate }</td>
			<td>${list.reason }</td>
			<td><c:if test="${list.ggong >= 0 }">${list.ggong }</c:if></td>
			<td><c:if test="${list.ggong < 0 }">${list.ggong }</c:if></td>
			<td></td>
		</tr>
	</c:forEach>
</table>
<table width="100%" style="text-align:center;">
	<tr>
		<td><div id="naviPage"></div></td>
	</tr>
</table>

<br>

<div id="page" style="width:100%;text-align:center;"></div>

</c:if>

<c:if test="${fn:length(myGgongList) <= 0 }">
	<div style="width:100%;height:100px;text-align:center;font-size:14pt;padding-top:50px;">
		꽁 내역이 없습니다.
	</div>
</c:if>

</body>
</html>